<template>
    <div>
    
        <div class="sel">
        <Select
                :size="`.07rem`"
                :options="[
                  {
                    label: '合体(三围加放10cm)',
                    value: 1,
                  },
                  {
                    label: '修身(三围加放8.5cm)',
                    value: 2,
                  },
                  {
                    label: '紧身(三围加放7.5cm)',
                    value: 3,
                  },
                  {
                    label: '宽松(三围加放12cm)',
                    value: 4,
                  },
                ]"
                :label="`label`"
                v-model:value="selectValue"
                :reduce="(item:any)=>item.value"
                class="select"
                placeholder="请选择穿着偏好"
              />
          </div>
    

          <div class="measure-content">
        <Measure :position="position" />
      </div>
    </div> 
    </template>
    <script setup lang="ts" name="">
    import { ref } from "vue";
    import Select from "@/components/Select/index.vue";
    import {Position} from "@/interface";
    import Measure from "../Measure/index.vue";
    interface Props{
       defSel?:number;
       position?:Position;
    }
    const props = withDefaults(defineProps<Props>(),{
        defSel:1,
        position:()=>{
      return {}
    }
    })
    
    const  selectValue = ref<number>(props.defSel);
    
    
    </script>
    <style scoped lang="scss">
    @import "./index.scss";
    </style>